<template>
  <div>
    <el-menu
      :default-active="$route.path"
      class="el-menu-vertical-demo"
     
      :collapse="$store.state.menuFlag"
    >
      <qf-sub-menu :sideMenu="$store.state.sideMenu"></qf-sub-menu>
    </el-menu>
  </div>
</template>
<style lang="less" scoped>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
}
</style>
<script>
export default {
data(){
   return{

   }
}
};
</script>
<style lang="less" scoped>
&/deep/.el-menu--collapse .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}

&/deep/.el-menu--collapse .el-menu-item .el-submenu__icon-arrow,
&/deep/.el-menu--collapse .el-submenu .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}
&/deep/.el-menu-item-group .el-menu-item {
  padding: 0 0 0 30px;
}

&/deep/.el-menu-item-group .el-menu-item-group__title {
  padding: 0;
}
</style>

